<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-param" content="_csrf">
    <title>参评候选人</title>
    <link href="/static/css/bootstrap.css" rel="stylesheet">
    <link href="/static/css/site.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/css/font-awesome.min.css">
    <link href="/static/css/prettyPhoto.css" rel="stylesheet">
    <link href="/static/css/styles.css" rel="stylesheet">
    <link rel="stylesheet" href="/static/DPlayer.min.css">
    <!-- Javascript -->
    <script src="/static/js/jquery.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/bootstrap-hover-dropdown.min.js"></script>
    <script src="/static/js/back-to-top.js"></script>
    <script src="/static/js/placeholder.js"></script>
    <script src="/static/js/prettyPhoto.js"></script>
    <script src="/static/js/jflickrfeed.min.js"></script>
    <script src="/static/js/main.js"></script>
    <script src="/static/DPlayer.min.js"></script>
    <style type="text/css">
        footer {
            background-color: #2F4056;
            text-align: center;
            padding: 20px;
        }

        footer * {
            color: #fff;
        }

        /*弹出层颜色*/
        .layui-layer-red .layui-layer-title {
            background-color: #FF5722;
            color: #fff;
        }
    </style>
</head>

<body class="home-page" style="overflow-x:hidden; ">


<div class="wrapper">

    <!-- ******HEADER****** -->
    <header class="header" style="background:#1053a4;  ">
        <div class="header-main container">

            <div class="row" style="">

                <h1 class="logo col-md-5 col-sm-12">
                    <a href="#">
                        <img id="logo" style="margin-top: 15px;" class="img-responsive" src="/static/img/logo.png"
                             alt="Logo">
                    </a>
                </h1><!--//logo-->
                <div class="info col-md-7 col-sm-12" style="">
                    <img src="/static/img/bg3.png" style="width: 100%; height: 100px;" alt="">
                </div><!--//info-->

            </div>

        </div><!--//header-main-->

    </header><!--//header-->

    <!-- ******NAV****** -->
    <nav class="main-nav" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button><!--//nav-toggle-->
            </div><!--//navbar-header-->

            <div class="navbar-collapse collapse" id="navbar-collapse">

                <ul class="nav navbar-nav">

                    <li class="active nav-item">
                        <a th:href="@{'/user/vote/'+${candidate.vid}}">首页</a>
                    </li>

                    <li class="nav-item">
                        <a th:href="@{'/vote/file/'+${candidate.vid}}">评选条件</a>
                    </li>
                </ul><!--//nav-->
            </div><!--//navabr-collapse-->
        </div><!--//container-->
    </nav><!--//main-nav-->


    <div class="wrap"
         style="background-position:left top;
				background-size: 100% auto;
				margin-top:-15px;
				">

        <!--<div class="container">
            <ul class="breadcrumb"><li><a href="/aot/index.php">Home</a></li>
<li class="active">参评候选人</li>
</ul>-->


        <!--<div style="padding: 0 0 0px 0; background-color:#ffffff; width:100%; margin:0 auto; ">-->

        <div class="content">

            <div class="carl_1"
                 style="background-image: url( /static/img/bg.png );
						   position: relative; background-position: center; width: 100%; height: 96px; background-repeat: no-repeat;
						   background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover;
						   ">
                <div class="carl_2"
                     style="background: rgba(255, 255, 255, 0.8); padding: 16px 30px; left: -150px; width: 50%; bottom: 0px; overflow: hidden; position: absolute; ">

                    <div class="carl_3"
                         style=" color: rgb(0, 54, 99); width: 300px; font-size: 26px; font-style: italic; float: right; display: block; min-height: 1%;   ">

                        参评候选人
                    </div>
                </div>
            </div>


            <!-- ******CONTENT****** -->
            <div class="content container" style="margin-top:6px;  ">

                <div class="page-wrapper">

                    <header class="page-heading clearfix pull-right col-md-9 col-sm-8 col-xs-7" style=" ">

                        <!--<h1 class="heading-title pull-left">
                            参评候选人					</h1>-->

                        <div class="breadcrumbs pull-right"
                             style="">

                            <ul class="breadcrumb" style="background-color:rgba(255,255,255,0); padding-left:0px;  ">
                                <li><a th:href="@{'/user/vote/'+${candidate.vid}}">Home</a></li>
                                <li class="active">参评候选人</li>
                            </ul>
                        </div>

                    </header>

                    <div class="page-content" style="min-height:666px; ">

                        <div class="row page-row">

                            <div class="course-wrapper col-md-12 col-sm-12">


                                <article class="course-item">

                                    <div class="row page-row">

                                        <p class="featured-image col-md-3 col-sm-3 col-xs-6">

                                            <img class="img-responsive" th
                                                 width="269" alt="" border="2"
                                                 onerror="this.style.visibility=&#039;hidden&#039;">
                                        </p>

                                        <div class="col-md-3 col-sm-3 col-xs-6" style=" ">

                                            <ul class="list-unstyled no-margin-bottom">
                                                <input type="hidden" id="cid" th:value="${candidate.id}">
                                                <input type="hidden" id="vid" th:value="${candidate.vid}">
                                                <input id="videoUrl" type="hidden" th:value="${candidate.videoUrl}">
                                                <li style="font-size:26px; "><strong
                                                        th:text="${candidate.user.username}">王飞绒</strong></li>
                                                <li style="font-size: 20px" th:text="${candidate.user.academy}">
                                                    (原)经贸管理学院
                                                </li>
                                                <li style="font-size: 16px">教授</li>
                                                <li style="">
                                                    <hr/>
                                                </li>

                                                <li><a id="voting-btn" class="btn btn-success btn-lg">点击投票</a></li>
                                            </ul>
                                        </div>

                                        <div class="col-md-6 col-sm-6 col-xs-12"
                                             style="">

                                            <div id="w0"></div>
                                        </div>

                                    </div><!--//page-row-->

                                    <style>

                                        div.tab-pane p {
                                            font-size: 15px;
                                            line-height: 30px;
                                        }

                                        ul.carl_show_tutor li a {
                                            color: #003b71 !important;
                                            font-weight: bold !important;
                                        }

                                        ul.carl_show_tutor li.active a {
                                            background-color: #d7b773 !important;
                                            color: #ffffff !important;
                                        }

                                    </style>

                                    <div class="tabbed-info page-row">

                                        <ul class="nav nav-tabs nav-justified carl_show_tutor">
                                            <li class="active">
                                                <a href="#tab1" data-toggle="tab">个人简介</a>
                                            </li>
                                        </ul>

                                        <div class="tab-content"
                                             style="border:0; padding:16px 0 0 0; min-height:333px; line-height:21px; font-size:15px; border-top:1px solid #214880;  ">
                                            <div class="tab-pane active" id="tab1">
                                                <!--                                                <p>-->
                                                <!--                                                <p style="margin-right: 7px;"><strong><span-->
                                                <!--                                                        style="font-family: 宋体,SimSun; font-size: 20px;">教书育人感悟</span></strong>-->
                                                <!--                                                </p>-->
                                                <!--                                                <p><span style="font-family: 宋体,SimSun;">&nbsp;&nbsp;&nbsp; 以真诚之心对待学生，以饱满热情对待教学</span>-->
                                                <!--                                                </p>-->
                                                <p>&nbsp;<strong><span style="font-family: 宋体;"><br/></span></strong>
                                                </p>
                                                <p><span style="font-size: 20px;"><strong><span
                                                        style="font-family: 宋体,SimSun;">个人简介</span></strong></span><br/><span
                                                        th:utext="${candidate.details}"
                                                        style="font-family: 宋体,SimSun;">&nbsp;&nbsp;&nbsp; 王飞绒，博士，教授，主讲本科、硕士、博士的多门课程。主持国家和省部级课题等10余项，发表论文60余篇，出版专著3部；主持和参与多项教改项目，参与编写教材3部。<br/>&nbsp;&nbsp;&nbsp; 王飞绒热爱讲台，热爱学生，以满腔的教学热情、认真的工作态度感染和影响着身边的人。多次指导学生获奖，曾获2005和2013年校优秀毕业论文指导教师，2012年校第八届教学技能比赛十佳青年教师，2013年校首届微课教学比赛一等奖（微课教学十佳），2017年MBA优秀论文指导教师等奖项。<br/></span>
                                                </p>
                                                <p style="margin-right: 7px;"><span
                                                        style="line-height: 125%; font-family: 宋体; font-size: 13px;"><br/></span>
                                                </p>
                                            </div>

                                        </div>
                                    </div><!--//tabbed-info-->

                                </article><!--//course-item-->

                                <DIV class="fixed detailsBtn pull-right">

                                    <A class="btn btn-theme" th:href="@{'/user/vote/'+${candidate.vid}}">
                                        <span class="fa fa-arrow-left"></span>&nbsp;返回
                                    </A>

                                </DIV>

                            </div><!--//course-wrapper-->

                            <div style="clear:both"></div>

                        </div>
                    </div>
                </div>
            </div>

            <br><br><br><br><br><br>

        </div>

        <script>

            $(window).load(function () {

                $(".tab-pane img").addClass("img-responsive center-block");

                $(".tab-pane table").width("100%");

                $(".tab-pane table tr td").css("padding", "6px");

            })

        </script>

        <!--</div>-->

    </div>

</div><!--//wrapper-->


<!-- ******FOOTER****** -->
<footer>
    <p>
        <span>地址：安徽省六安市裕安区月亮岛</span>
        <!--<span>当前IP地址：211.70.164.115</span>-->
        <!--<span>访问量：2420493</span>-->
    </p>
    <p>
        <span>皖西学院 Copyright 2019-2025 @ All Rights Reserved</span>
    </p>
    <p>
        <span>建议使用IE9.0或以上版本</span>
    </p>
</footer>
<script src="/static/js/yii.js"></script>
<script src="/static/layui/layui.js"></script>
<script>
    layui.config({
        base: '/static/lib/model'
    }).use(['jquery', 'layer'], function () {
        var $ = layui.$
            , layer = layui.layer;

        //绑定投票按钮
        $('#voting-btn').click(function () {
            //获取vid和cid
            var vid = $('#vid').val();
            var cid = $('#cid').val();
            //开始发送网络请求
            $.ajax({
                type: 'POST'
                , url: '/user/vote'
                , data: {vid: vid, cid: cid}
                , success: function (res) {
                    if (res.status == 200) {
                        layer.msg(res.msg)
                    } else {
                        layer.alert(res.msg, {
                            skin: 'layui-layer-red'
                            , closeBtn: 0
                            , anim: 4 //动画类型
                        });
                    }
                }
            })
        })
    })
</script>
<script>
    const dp = new DPlayer({
        container: document.getElementById('w0')
        , screenshot: false
        , video: {
            url: '/video?videoUrl=' + $('#videoUrl').val()
        }
    })
</script>
</body>
</html>
